<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录</title>
    
    <link rel="stylesheet" href="./css/css.css">
    <link rel="stylesheet" href="./css/vivo/iconfont.css">
    <link rel="shortcut icon" href="./images/login/favicon.ico" />
     <link rel="stylesheet" href="./css/login.css">
</head>

<body>
    <div class="head">
        <div class="banner">
            <a href=""><img src="./images/login/sign.jpg" alt=""></a>
            <img src="./images/login/bg.jpg" alt="">

            <!-- 右边登录部分 -->
            <div class="inner-box">

                <!-- 主体部分 -->
                <div class="box">
                    <a href="">
                        <img src="https://accountstatic.vivo.com.cn/accountstatic.vivo.com.cn/static/img/logo.1f42884.png.webp" alt="">
                    </a>
                    <div class="title">账号登录</div>
                    <a href="" class="toggle">短信验证码登录</a>

                    <!-- 提交表单 -->
                    <form  action="javascript:;">
                        <!-- 手机号码框 -->
                        <div class="phone-box">
                            <div class="phone-top">
                                <select name="phone-one" id="">
                                    <option >+86</option>
                                    <option >+86 &nbsp &nbsp 中国</option>
                                    <option >+91 &nbsp &nbsp  印度</option>
                                </select>
                            </div>
                            <input type="text" class="phone" placeholder="请输入手机号">
                        </div>
                        <!-- 手机号码框结束 -->
                        <!-- 手机号提示 -->
                        <p class="ps"></p>
                        <!-- 密码框 -->
                        <div class="code-box">
                            <div class="code-foot">密码：</div>
                            <input type="password" class="code" placeholder="请输入密码">
                        </div>
                        <!-- 密码框结束 -->
                        <!-- 密码提示 -->
                        <p class="ps"> </p>
                        <!-- 勾选 -->
                        <span class="text">两周内自动登录</span>
                        <div class="hint">
                            <input type="checkbox">
                        </div>
                        <!-- 按钮 -->
                        <button class="login">登录</button>
                        <a href="./register.html"><input type="text" value="注册VIVO账号" class="register"></a>
                        <div class="forget-pwd">
                           忘记密码
                        </div>
                    </form>

                    <!-- 提交表单结束，下面是尾部部分 -->
                    <div class="across-left">
                        <hr>
                    </div>
                    <span>其他方式</span>
                    <div class="across-right">
                        <hr>
                    </div>
                    <ul>
                        <li><a href="" class="iconfont">&#xe63b;</a></li>
                        <li><a href="" class="iconfont">&#xe7e5;</a></li>
                        <li><a href="" class="iconfont">&#xe618;</a></li>
                    </ul>
                </div>
            </div>
        </div>

    </div>
    <!-- 结尾开始 -->
    <div class="foot">
        <div class="foot-box">
            <div class="foot-box-top">
                <a href="" class="iconfont">&#xe60f;<span>在线客服</span></a>
                <a href=" "class="iconfont">&#xe66e;<span> 400-678-9688(24小时全国服务热线)</span></a>
            </div>
            <div class="foot-box-buttom">
                <span>
                    COPYRIGHT ©2011-2021 广东天宸网络科技有限公司 版权所有 保留一切权利 | 隐私政策 | 法律声明 | 粤B2-20080267 | 粤ICP备05100288号
                  </span>
            </div>
        </div>
    </div>
</body>
<script src="./node_modules/jquery/dist/jquery.js"></script>
<script src="./layer/layer.js"></script>
<script src="./js/login.js"></script>
<script src="./js/cookie.js"></script>

</html>